<template>
	<view>
		<view class="header">
			<view class="balance">
				<view class="text">当前现金余额（元）</view>
				<view class="">1500.00</view>
				<button type="default" class="tixian" @click="cashOut">提现</button>
			</view>
			<view class="income">
				<view class="text">累计收入（元） 700.00</view>
				<view class="">累计提现（元） 200.00</view>
			</view>
		</view>
		<view class="body">
			<view class="head">
				<view class="detail">收支明细</view>
				<img src="../../static/images/date.jpg" alt="" />
				<view class="date">日期</view>
			</view>
			<view class="content">
				<view class="one">
					<view class="left"><view class="title">
						XX车辆清洗、抛光打蜡服务
					</view>
					<view class="">核销时间：2023-10-22 10:05</view>
					</view>
					<view class="money">+25.00</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			cashOut(){
				uni.navigateTo({
					
				})
			}
		}
	}
</script>

<style>
	.header{
		background-color: #0D7AF7;
		color: #fff;
		display: flex;
		font-size: 28rpx;
		padding: 40rpx 0 50rpx;
		line-height: 40rpx;
	}
	.balance{
		height: 200rpx;
		width: 370rpx;
		padding: 16rpx 34rpx;
		border-right: 2rpx solid #fff;
	}
	.balance .text{
		margin-bottom: 42rpx;
	}
	.balance .tixian{
		margin-top: 8rpx;
		margin-left: 12rpx;
		height: 60rpx;
		width: 160rpx;
		color: #eee;
		background-color: #FB8E0B;
		line-height: 60rpx;
		border-radius: 8rpx;
	}
	.income{
		height: 200rpx;
		width: 370rpx;
		padding: 16rpx 30rpx;
	}
	.income .text{
		margin-bottom: 72rpx;
	}
	.body{
		background-color: #fff;
	}
	.body .head{
		height: 100rpxs;
		display: flex;
		line-height: 100rpx;
	}
	.head img{
		width: 48rpx;
		height: 48rpx;
		margin: 26rpx 10rpx 0 0;
	}
	.detail{
		margin: 0 440rpx 0 22rpx;
	}
	.date{
		color: rgba(13,122,247,1);
	}
	.content{
		padding: 0 12rpx 0 24rpx;
	}
	.content .one{
		width: 714rpx;
		height: 156rpx;
		padding-left: 22rpx;
		display: flex;
		border-bottom: 2rpx solid rgba(187,187,187,1);
	}
	.title{
		width: 232px;
		height: 22px;
		line-height: 22px;
		color: rgb(16,16,16);
		font-size: 16px;
		text-align: left;
		font-weight: bold;
		margin: 26rpx 0 14rpx 0;
	}
	.money{
		padding: 36rpx 26rpx 80rpx 110rpx;
	}
</style>
